<template>
  <div class="login-register" :style="backgroundDiv">
    <login-header @showLoginRgister="getShowLogReg"></login-header>
    <router-view></router-view>
    <user-agreement></user-agreement>
  </div>
</template>

<script>
import LoginHeader from "./components/Header";
import UserAgreement from "./components/UserAgreement";
export default {
  name: "login",
  data() {
    return {
      backgroundDiv: {
        backgroundImage: "url(" + require("@/assets/images/logo.png") + ")"
      },
      loginOrRegister: true
    };
  },
  methods: {
    getShowLogReg(show) {
      this.loginOrRegister = show;
    }
  },
  components: {
    LoginHeader,
    UserAgreement
  }
};
</script>

<style lang="stylus" scoped>
.login-register {
  background: no-repeat center top;
  background-position: center bottom;
  background-size: contain;
  margin-bottom: 2rem;
  height: 14.2rem;
}
</style>
